<template>
  <div>
    <h2>Home组件内容</h2>
    <div>
      <ul class="nav nav-tabs">
        <li>
          <RouterLink
            class="list-group-item"
            active-class="active"
            to="/nest/news"
            >News</RouterLink
          >
        </li>
        <li>
          <RouterLink
            class="list-group-item"
            active-class="active"
            to="/nest/message"
            >Message</RouterLink
          >
        </li>
      </ul>
    </div>
    <div>
      <KeepAlive :include="['News']">
        <RouterView></RouterView>
      </KeepAlive>
    </div>
  </div>
</template>

<script>
import { RouterLink, RouterView } from "vue-router";

export default {
  name: "Nest",
  props: {},
  components: {},
  data() {
    return {};
  },
  methods: {},
  computed: {},
  watch: {},
};
</script>
